<!-- Tommy -->
<title>个人未写日报查询</title>

<!-- ajax layout which only needs content area -->
<div class="page-header">
    <h1>
        日报查询
        <small>
            <i class="ace-icon fa fa-angle-double-right"></i>
            个人未写日报查询
        </small>
    </h1>
</div><!-- /.page-header -->

<div class="row" data-ng-controller="pageContentController" data-ng-cloak>
    <div class="col-xs-12">
        <!-- PAGE CONTENT BEGINS -->
        <!-- 结果表格 -->
        <div data-ng-controller="resultTableController" data-ng-show="resultTableData">
            <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="padding: 0px">

            </div>
            <table id="resultTable" class="table table-striped table-bordered table-hover">
                <thead>
                <tr>
                    <th data-ng-repeat="(reference, displayName) in resultTableData.tableHead">{{displayName}}
                    </th>
                </tr>
                <tr>
                    <th data-ng-repeat="(reference, displayName) in resultTableData.tableHead2">{{displayName}}
                    </th>
                </tr>
                </thead>

                <tbody class="text-right">
                <tr>

                    <td data-ng-repeat="(key,value) in resultTableData.tableRow " data-ng-class="{'alert-danger': value == '0'}">
                        {{value}}
                    </td>
                </tr>

                </tbody>
            </table>


        </div>
        <!-- /结果表格 -->
        <!-- Modal -->
        <!-- /Modal -->
        <!-- PAGE CONTENT ENDS -->
    </div>
    <!-- /.col -->
</div><!-- /.row -->

<!-- page specific plugin scripts -->
<script type="text/javascript">

    var scripts = [null, "lib/assets/js/date-time/moment.js", "lib/assets/js/date-time/daterangepicker.js", null]
    $('.page-content-area').ace_ajax('loadScripts', scripts, function () {
        //inline scripts related to this page
        jQuery(function ($) {

        });

        //AngularJS
        var app = angular.module('contentApp');
        var servletLocation = "empQuery";
        //页面控制器
        app.controller("pageContentController", function ($scope) {

        });

        //结果表格控制器
        app.controller("resultTableController", function ($scope, $http) {
            var sendData ={};
            sendData["service"]="searchNoWritn";

            $http.post(servletLocation, sendData).success(function (response) {  //TODO Modify the api & post info here
                //获取到结果列表
                console.log(response);
                $scope.resultTableData = response;
            });
            $scope.getResultByPage = function (page) {

            };
        });



    });

</script>